<template>
  <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      router
  >
    <el-menu-item index="/create/upload">
      <button class="upload-btn">投稿</button>
    </el-menu-item>
    <el-menu-item index="/create/index">
      <span>首页</span>
    </el-menu-item>
    <el-menu-item index="/create/creation">稿件管理</el-menu-item>
    <el-sub-menu index="/create">
      <template #title>
        互动管理
      </template>
      <el-menu-item index="/create/comments/v-c">评论管理</el-menu-item>
      <el-menu-item index="/create/barrage">弹幕管理</el-menu-item>
    </el-sub-menu>
<!--    <el-menu-item index="/create/transaction">-->
<!--      <span>事务管理</span>-->
<!--    </el-menu-item>-->
  </el-menu>

</template>
<script setup>

</script>
<style lang="scss" scoped>
.upload-btn{
  width: 120px;
  height: 50px;
  background-color: deepskyblue;
  color: white;
  border: none;
  font: normal normal 20px/50px "楷体";
}
</style>